<template>
    <div id="ffe57f247a4724ea7ad3d3cd95db18c9d">
        <h1>{{title}}</h1>
        <h2>{{oldMessage}}</h2>
        <h3>{{message}}</h3>
        <!--include next -->
        <oui-include url="/res_apps/test/includeNext/3.vue.html" ref="fef8c6f13590742b490e3b2eb5dc674da" type="module" data="includeData"></oui-include>
    </div>
</template>
<script>
    exports = {
        data: function () {
            return {

                message:'第20个 art 组件显示',
                oldMessage:'第20个 art 组件显示',
                title:'Welcome to 20',
                includeData:this.includeData
            }
        },
        includeData:{
            message:''
        },
        mounted:function(){
            // art 无 $nextTick
            this.message="第20个 art 组件 mounted"+",耗用时间:"+(new Date()-oui.router.startTime)+"ms";
        }
    }
</script>

<style>
    #ffe57f247a4724ea7ad3d3cd95db18c9d {
        font-size: 12px;
        color:#9d091d;
        background:#a401d0;
    }
</style>

